<template>
   <swiper :animDuration="300">
       <swiperitem v-for="(item,index) in banners" :key ="index">
         <a :href="item.link">
           <img :src="item.image" alt="" @load='fpp'>
         </a>
       </swiperitem>
    </swiper>
</template>

<script>
import{swiper,swiperitem} from '../../../components/common/swiper/index'
export default {
components:{
  swiper,
  swiperitem
},
data(){
  return{
    j1:true
  }
}
,
props:{
  banners:{
    type:Array,
    default(){
      return[]
    }
  }
},
methods:{
  fpp(){
    if(this.j1){
      this.j1=false
      this.$emit('swiperimgload')
    }
  }
}
}
</script>

<style>

</style>